import React from 'react'
import { Tabs, Space, Tag } from 'antd';
import DeviceDetail from "./DeviceDetail"
import {
  ArrowLeftOutlined
} from '@ant-design/icons';
export default function DeviceDetailSteps() {
  const items = [
    {
      key: '1',
      label: `设备详情`,
      children:
        <DeviceDetail />
    },

  ];
  return (
    <div style={{
      minHeight: document.documentElement.clientHeight - 30,
    }}>
      <div style={{ height: "60px", background: "white", lineHeight: "60px", padding: "0 20px" }}>
        <Space>
          <a style={{ fontSize: "12px", color: "black" }} onClick={() => { window.history.go(-1) }}><ArrowLeftOutlined />返回</a>
        </Space>
      </div>
      <Tabs defaultActiveKey="1" items={items}

        style={{ fontSize: "12px", padding: "5px 20px", margin: "20px 0 0 0", background: 'white', minHeight: document.documentElement.clientHeight - 110, }}
      />
    </div>
  )
}
